@import 'http://at.alicdn.com/t/font_2684090_ca5igs4cbp.css';
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: #000;
  text-decoration: none;
}
html,body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

img,input {
  outline: none;
  vertical-align: top;
  border: 0;
}
img {
  width: 100%;
}
ul {
  list-style: none;
}
input,textarea {
  outline: none;
}

/* commoncss */
.btn {
  padding: 6px 8px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  margin: 4px;
  text-align: center;
  user-select: none;
}
.btn.primary,.btn.danger,.btn.warning {
  color: #fff;
}
.primary{
  background-color: #00e;
  box-shadow: 0 0 4px 2px #00a inset;
}
.primary:active{
  background-color: #00a;
}
.warning {
  background-color: #f90;
  box-shadow: 0 0 4px 2px #d30 inset;
}
.warning:active {
  background-color: #d30;
}
.danger {
  background-color: #c00;
  box-shadow: 0 0 4px 2px #9b0505 inset;
}
.danger:active {
  background-color: #9b0505;
}
.btn.large {
  padding: 10px 20px;
}

input[type='text'] {
  width: 200px;
  height: 24px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0 10px;
}
input[type='number']{
  width: 40px;
  height: 40px;
  text-align: center;
}
input[type='range'] {
  width: 280px;
}
textarea {
  resize: none;
}
.pd10 {
  padding: 10px;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}

.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-d-c {
  flex-direction: column;
}
.flex-vcenter {
  align-items: center;
}
.flex-hcenter {
  justify-content: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-around {
  justify-content: space-around;
}
.row {
  display: flex;
}
.col1 { width:4.16%; } 
.col2 { width:8.33%; } 
.col3 { width:12.5%; } 
.col4 { width:16.66%; } 
.col5 { width:20.83%; } 
.col6 { width:25%; } 
.col7 { width:29.16%; } 
.col8 { width:33.33%; } 
.col9 { width:37.5%; } 
.col10 { width:41.66%; } 
.col11 { width:45.83%; } 
.col12 { width:50%; } 
.col13 { width:54.16%; } 
.col14 { width:58.33%; } 
.col15 { width:62.5%; } 
.col16 { width:66.66%; } 
.col17 { width:70.83%; } 
.col18 { width:75%; } 
.col19 { width:79.16%; } 
.col20 { width:83.33%; } 
.col21 { width:87.5%; } 
.col22 { width:91.66%; } 
.col23 { width:95.83%; } 
.col24 { width:100%; } 